<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/index.css" />
<script type="text/javascript" src="js/html5shiv.min.js"></script>
</head>
<body>
<!--头部-->
<header class="pay_Head_title">
	<div class="pay_Head_black"></div>
	<div class="wrap clearFix" class="wrap_small">
		<h1 class="pay_logo">
			<a href="paybag.html" target="_blank">付费音乐包</a>
		</h1>
		<nav class="pay_nav clearFix">
			<a  href="recommend.html">特权介绍</a>
			<a class="pay_navActive"href="system.html">成长体系</a>
		</nav>
		<p class="pay_login clearFix">
			<a class="pay_loginL" href="#">登录</a>
			<a class="pay_loginR" href="#">开通付费音乐包</a>
		</p>
	</div>
</header>
<div class="Null"></div>
<!--页面主题-->
<main>
	<div class="wrap wrap_small">
		<h3 class="line pay_line system clearFix">
			<span class="line_left"></span>
			<strong class="strong">付费音乐包等级成长体系</strong>
			<span class="line_right"></span>
		</h3>
		<p class="formula">成长值 = 每日成长值 + 开通成长值 - 非会员成长值下降</p>
		<div class="growth">
			<div class="system_back">
				<img src="img/growth.png" />
			</div>
			<ul class="growth_ico">
				<li class="growth_ico1">
					<strong>0</strong>
					<span></span>
				</li>
				<li class="growth_ico2">
					<strong>600</strong>
					<span></span>
				</li>
				<li class="growth_ico3">
					<strong>1800</strong>
					<span></span>
				</li>
				<li class="growth_ico4">
					<strong>3600</strong>
					<span></span>
				</li>
				<li class="growth_ico5">
					<strong>6000</strong>
					<span></span>
				</li>
				<li class="growth_ico6">
					<strong>10800</strong>
					<span></span>
				</li>
				<li class="growth_ico7">
					<strong>20400</strong>
					<span></span>
				</li>
				<li class="growth_ico8">
					<strong>46800</strong>
					<span></span>
				</li>
			</ul>
		</div>
	</div>
	<section class="system_table">
		<div class="wrap wrap_small">
			<h3 class="line pay_line system clearFix">
				<span class="line_left"></span>
				<strong class="strong">付费音乐包等级成长体系</strong>
				<span class="line_right"></span>
			</h3>
			<table class="s_table_content">
				<tr class="t_head">
					<td>成长速度</td>
					<td>付费音乐包</td>
					<td class="double">
						<span>豪华付费音乐包</span>
						<span>LV1-LV4</span>
					</td>
					<td class="double">
						<span>豪华付费音乐包</span>
						<span>LV5-LV6</span>
					</td>
					<td class="double">
						<span>豪华付费音乐包</span>
						<span>LV7-LV8</span>
					</td>
				</tr>
				<tr class="t_body">
					<td class="double">
						<span>手机/小灵通/ADSL</span>
						<span>按月支付</span>
					</td>
					<td>
						<div class="gray">
							<div class="orange five">
								<span>5点/天</span>
							</div>
						</div>
					</td>
					<td>
						<div class="gray">
							<div class="orange eleven">
								<span>11点/天</span>
							</div>
						</div>
					</td>
					<td>
						<div class="gray">
							<div class="orange eleven">
								<span >11点/天</span>
							</div>
						</div>
					</td>
					<td>
						<div class="gray">
							<div class="orange eleven">
								<span>11点/天</span>
							</div>
						</div>
					</td>
				</tr>
				<tr class="t_body">
					<td class="double">
						<span>Q币/Q点/QQ卡</span>
						<span>按月支付</span>
					</td>
					<td>
						<div class="gray">
							<div class="orange twelve">
								<span>12点/天</span>
							</div>
						</div>
					</td>
					<td>
						<div class="gray">
							<div class="orange fourteen">
								<span>14点/天</span>
							</div>
						</div>
					</td>
					<td>
						<div class="gray">
							<div class="orange twenty">
								<span>20点/天</span>
							</div>
						</div>
					</td>
					<td>
						<div class="gray">
							<div class="orange twenty-four">
								<span >24点/天</span>
							</div>
						</div>
					</td>
				</tr>
				<tr class="t_body">
					<td class="double">
						<span>财付通/微信支付/网银</span>
						<span>按月支付</span>
					</td>
					<td>
						<div class="gray">
							<div class="orange thirteen">
								<span>13点/天</span>
							</div>
						</div>
					</td>
					<td>
						<div class="gray">
							<div class="orange sixteen">
								<span>16点/天</span>
							</div>
						</div>
					</td>
					<td>
						<div class="gray">
							<div class="orange twenty-two">
								<span>22点/天</span>
							</div>
						</div>
					</td>
					<td>
						<div class="gray">
							<div class="orange thirty">
								<span>30点/天</span>
							</div>
						</div>
					</td>
				</tr>
				<tr class="t_body">
					<td>年费用户</td>
					<td>
						<div class="gray">
							<div class="orange eighteen">
								<span >18点/天</span>
							</div>
						</div>
					</td>
					<td>
						<div class="gray">
							<div class="orange twenty-two">
								<span>22点/天</span>
							</div>
						</div>
					</td>
					<td>
						<div class="gray">
							<div class="orange twenty-eight">
								<span>28点/天</span>
							</div>
						</div>
					</td>
					<td>
						<div class="gray">
							<div class="orange thirty-six">
								<span>36点/天</span>
							</div>
						</div>
					</td>
				</tr>
			</table>
		</div>
		<p class="openBtn">
			<a href="#">开通付费音乐包</a>
		</p>
	</section>
</main>
</body>
</html>
